<template>
	<view class="">
		<cu-custom bgColor="bg-gradual-green" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">上课教练</block>
		</cu-custom>
		<view class="gengz">
				<view class="tou">
					<view class="zuo">
						<view class="ns">
							ns
						</view>
					</view>
					<view class="zhong">
						<view class="qq">
							<view class="dem">
								Demons
							</view>
							<view class="cjz">
								创建者
							</view>
						</view>
						<view class="bb">
							183****2359
						</view>
					</view>
					<view class="you">
						我
					</view>
				</view>
				<view class="dibu">
					<view class="dix">
						管理上课教练
					</view>
				</view>
			</view>
	</view>
</template>

<script>
</script>

<style>
	.tou{
		width: 100%;
		height: 200upx;
		display: flex;
		align-items: center;
	}
	.zuo{
		width: 120upx;
		height: 120upx;
		border: #5ab6a1 1upx solid;
		border-radius: 60upx;
		background: #5ab6a1;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 30upx;
	}
	.ns{
		color: #ffffff;
	}
	.zhong{
		
	}
	.qq{
		display: flex;
		align-items: baseline;
		margin: 15upx 30upx;
	}
	.dem{
		font-size: 36upx;
		font-weight: 555;
		word-break: break-all;
		word-wrap: break-word;
	}
	.cjz{
		border: #de7c31 1upx solid;
		border-radius: 4upx;
		background: #de7c31;
		padding: 6upx 14upx 6upx 14upx;
		font-size: 20upx;
		color: #ffffff;
		margin-left: 20upx;
	}
	.bb{
		font-size: 36upx;
		margin: 15upx 30upx;
		color: #c4c4c4;
	}
	.you{
		font-size: 36upx;
		color: #c4c4c4;
		position: absolute;
	  right: 20px;
	}
	.dibu{
		width: 600upx;
		height: 100upx;
		background: #408ce2;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 50upx;
		border-radius: 10upx;
	}
	.dix{
		color: #ffffff;
		font-size: 35upx;
	}
	.gengz{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #fff;
	}
</style>
